<div class="t-container">
  <div class="t-list-title mb-10">
    <h2 >
      <a href="javascript:;" class="btnBack" (click)="closeDrawer()">我的待办</a>
      <span  *ngIf="viewNotice.infoType==0" class="viewRequireTitle">/&nbsp;&nbsp;查看公告</span>
      <span  *ngIf="viewNotice.infoType==1" class="viewRequireTitle">/&nbsp;&nbsp;回复公告</span>
    </h2>
  </div>
  <div class="t-tabs clearfix  h-100">
    <div class="tab-list clearfix h-100" >
      <ul class="t-columns-group clearfix h-100">
        <li  >
          <label >主题:</label>
          <div title="{{infoName}}" class="leaveOut">
            {{infoName}}
          </div>
        </li>
        <li  style="height:120px;">
          <label >内容:</label>
          <div  style="height: 100%;" >
            <textarea name="" cols="30" disabled="disabled"  style="resize: none;padding: 5px;height: 100%;white-space: pre-wrap;">{{viewNotice.infoContent}}</textarea>
          </div>
        </li>
        <li  style="width:50%;">
          <label style="width:44%;">开启时间:</label>
          <div id="startTime"style="margin-left:3.5%;" >
            <input type="text" readonly="readonly" value="{{timeStamp(viewNotice.infoOpenTime)}}" />
          </div>
        </li>
        <li  style="width:50%;">
          <label >关闭时间:</label>
          <div id="endTime" style="margin-left:3.5%;">
            <input type="text" readonly="readonly" value="{{timeStamp(viewNotice.infoCloseTime)}}" />
          </div>
        </li>
        <li  style="height:auto;">
          <label >模板:</label>
          <div id="filed " class="clearfix" style="height:auto;" >
              <div style="height:36px;">
                <span class="fl wh-33">附件名称</span ><span class="fl wh-33">附件大小</span><span class="fl wh-33">上传时间</span>
              </div>
            <ol class="clearfix" style="height:36px;">
              <li *ngFor="let item of viewNoticeFiles.infoAtts" style="height:36px;">
                <span class="fl wh-33 leaveOut">
                  <a href="http://192.168.100.190:7292/notice-service/attachment/downLoadFile/{{item.id}}"target="_blank" title="{{item.fileName}}" >{{item.fileName}}</a>
                </span>
                <span class="fl wh-33 leaveOut">{{conver(item.fileSize)}}</span>
                <span class="fl wh-33 leaveOut">{{timeStamp(item.createTime)}}</span>
              </li>
            </ol>
          </div>
        </li>

      </ul>
      <!--回复内容-->

      <ul class="t-columns-group clearfix" *ngIf="viewNotice.infoType==1">
        <li  style="width:70%;margin-left:15%;"><hr></li>
        <li  style="height:120px;">
          <label >回复内容:</label>
          <div  style="height: 100%;" >
            <textarea  cols="30" [(ngModel)]="replyContent"maxlength="2000" style="resize: none;padding: 5px;height: 100%;white-space: pre-wrap;">{{replyContent}}</textarea>
          </div>
        </li>
        <li  style="height:auto;">
          <label >已上传附件:</label>
          <div  class="clearfix" style="height:auto;" >
            <div style="height:36px;">
              <span class="fl wh-33">模板名称</span ><span class="fl wh-33">附件大小</span><span class="fl wh-33">上传时间</span>
            </div>
            <ol class="clearfix" style="height:36px;">
              <li *ngFor="let item of viewNoticeFiles.todoAtts" style="height:36px;">
                <span class="fl wh-33 leaveOut">
                  <a href='http://192.168.100.190:7292/notice-service/attachment/downLoadFile/{{item.id}}'target="_blank" title="{{item.fileName}}" (click)="downFiledInfo()">{{item.fileName}}</a>
                </span>
                <span class="fl wh-33 leaveOut">{{conver(item.fileSize)}}</span>
                <span class="fl wh-33 leaveOut">{{timeStamp(item.createTime)}}</span>
              </li>
            </ol>
          </div>
        </li>
      </ul>
      <div  class="clearfix"*ngIf="viewNotice.infoType==1"  style="text-align:center;margin-top:10px;width: 99%;" >
        <label class="fl" style="width:22%;text-align: right;">上传附件:</label>
        <div  class="fl clearfix" style="margin-left: 20px; width:70%;display: flex; flex-direction: column;justify-content: center; position: relative;">
          <a class="fl" style="text-decoration: none; display: inline" href="javascript:;" >
            <label>
              <img class="annex_image fl"style="margin-top: 2px;" src=''/>
              <span class="annex_text  fl" style="margin-top: 2px;">添加附件</span>
              <dc-file-upload style="display: none"
                              [acceptType]="['.txt','.doc','.docx','.xls','.xlsx','.ppt','.pptx','.pdf','.jpg','.png','.gif','.rar','.zip', '.bmp']"
                              [options]="options"
                              (fileChangeEvent)="fileChangeEvent($event)"
                              [acceptType]="acceptType"
                              (success)="fileUploadSuccess($event)"
                              [multiple]="true"
                              (error)="fileUploadError($event)"
                              [fileMaxSize]="52428800">

              </dc-file-upload>
            </label>
          </a>
          <b class="upload_text fl "style="text-align: left;" *ngFor="let file of annex">
            <a href="{{file.attachUrl}}" class="leaveOut fl" style="width:80%;margin-bottom:10px;" title="{{file.attachName}}" target="_blank">{{file.attachName}}</a>
            <span class="del-icon fl"style="padding: 0 5px 0 5px;" (click)="delFiles(file.id, annex)">X</span>
          </b>
          <span class="upload_text" class="upload_prompt">
                  上传格式包含：.txt|.doc|.docx|.xls|.xlsx|.ppt|.pptx|.pdf|.jpg|.png|.bmp|.gif|.rar|.zip ，
                  文件不能超过50M。
                  </span>
        </div>

      </div>
      <div style="text-align:center;margin-top:20px;">
        <span *ngIf="viewNotice.infoType==1" style="margin-right: 30px;"><dc-button [text]="'发送回复'"(click)="saveNotice(1)"></dc-button></span>
        <span *ngIf="viewNotice.infoType==1" style="margin-right: 30px;"><dc-button [text]="'保存'"(click)="saveNotice(0)"></dc-button></span>
        <span *ngIf="viewNotice.infoType==0" style="margin-right: 30px;"><dc-button [text]="'已阅'"(click)="doneNotice()"></dc-button></span>
        <span><dc-button [text]="'取消'" [type]="2" (click)="closeDrawer()"></dc-button></span>
      </div>
    </div>
  </div>
</div>






